* {
    overscroll-behavior: contain;
}

body {
    overflow-y: hidden;
    background-color: rgba(0, 0, 0, 0.205);
}

.avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.el-input .el-input__wrapper {
    box-shadow: 0px 0px 1px black !important;

    &:hover {
    box-shadow: 0px 0px 1px black !important;
    }

    &:focus {
    box-shadow: 0px 1px 1px black !important;
    }
}

.base_background_color {
    background-color: aliceblue;
}

.default_select_popover {
    user-select: none;
    padding: 5px !important;

    .popover_panel {
        gap: 5px;
        display: flex;
        flex-flow: column;
        color: black;
        justify-content: center;


        .title {
            display: flex;
            align-items: center;
            min-height: 30px;
            border-radius: 10px;
            flex: 1;
            gap: 15px;
            padding: 5px;

            .icon {
                font-size: 18px;
            }

            &:hover {
                @extend .hover
            }
        }
    }
}


.hover {
    &:hover {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }
}

.no_scroll_bar {
    &::-webkit-scrollbar {
        display: none;
    }
}